<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>结算页面</title>
    <link rel="stylesheet"  rel="icon" href="../../css/cart/settlement_cart.css" type="text/css" />
    <link rel="stylesheet" href="../../css/common/page_bottom.css">
    <link rel="stylesheet" href="../../css/iconfont/iconfont.css">
    <link rel="icon" href="../../imgs/favicon.ico" type="image/x-icon" />
</head>
<body></body>
    <div class="header">
        <div class="header-nav">
            <div class="header-log">
                <img src="../../imgs/mi.png" alt="">
            </div>
            <div class="header-middler">
                <h2>确定订单</h2>
            </div>
            
            <div class="header-end">
                <div class="header-e">
                      
                </div>
                <div class="header-last">
                    <ul class="last-one">
                        <li class="last-two"><a href="">2589511490</a> 
                            <ul class="inner">
                                <li class="one">个人中心</li>
                                <li class="two">评价晒单</li>
                                <li class="three">我的喜欢</li>
                                <li class="four">小米账户</li>
                                <li class="five">退出登入</li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="header-last-two">
                    <span>&nbsp;|&nbsp;</span>
                    <a href="../order/order_list.html">我的订单</a>
                </div>
            </div>
        </div>
    </div>
    <div class="middler">
        <div class="middler-header">
            <div class="middler-header-one">
                <div class="middler-nav">
                    <div class="middler-nav-one">
                        <span>收货地址</span>
                    </div>
                    <div class="middler-nav-two">
                        <div class="middler-nav-three">
                            <span>添加新地址</span>
                        </div>
                    </div>
                </div>
                <div class="middler-nav-four">
                    <div class="middler-nav-five">
                        商品及优惠券
                    </div>
                    <div class="middler-nav-six">
                        <div class="nav-one">
                            <div class="nav-two">
                                <img src="../../imgs/shopping3.png" alt="">
                            </div>
                            <div class="nav-three">
                                <a href="">Xiaomi MIX 4 12GB+256GB 陶瓷黑</a>
                            </div>
                            <div class="nav-four">
                                <div class="four-one">5799元 x 1</div>
                                <div class="four-two"></div>
                                <div class="four-three">5799元</div>
                            </div>
                        </div>
                        <div class="nav-one">
                            <div class="nav-two">
                                <img src="../../imgs/shopping1.png" alt="">
                            </div>
                            <div class="nav-three">
                                <a href="">小米11 青春版 8GB+128GB 清凉薄荷</a>
                            </div>
                            <div class="nav-four">
                                <div class="four-one">1999元 x 1</div>
                                <div class="four-two"></div>
                                <div class="four-three">1999元</div>
                            </div>
                        </div>
                        <div class="nav-one">
                            <div class="nav-two">
                                <img src="../../imgs/shopping2.png" alt="">
                            </div>
                            <div class="nav-three">
                                <a href="">Redmi Note 10 Pro 6GB+128GB 月魄</a>
                            </div>
                            <div class="nav-four">
                                <div class="four-one">1599元 x 1</div>
                                <div class="four-two"></div>
                                <div class="four-three">1599元</div>
                            </div>
                        </div>
                        <div class="nav-one">
                            <div class="nav-two">
                                <img src="../../imgs/shopping4.png" alt="">
                            </div>
                            <div class="nav-three">
                                <a href="">Xiaomi MIX 4 素皮保护壳 黑色<span>赠品</span></a>
                            </div>
                            <div class="nav-four">
                                <div class="four-one">0元 x 1</div>
                                <div class="four-two"></div>
                                <div class="four-three">0元</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="nav-five">
                    <div class="five-one">
                        <div class="title-one">配送方式</div>
                    </div>
                    <div class="five-two">
                        <div class="title-two">包邮</div>
                    </div>
                </div>
                <div class="nav-six">
                    <div class="six-one">
                        <div class="title-one">发票</div>
                    </div>
                    <div class="six-two">
                        <div class="title-two">包邮&nbsp;&nbsp;个人&nbsp;&nbsp;商品明细&nbsp;&nbsp;修改&nbsp;></div>
                    </div>
                </div>
                <div class="nav-seven">
                    <div class="seven-one">
                        <div class="seven-two">+&nbsp;使用优惠券</div>
                        <div class="seven-three">+&nbsp;使用小米礼品卡</div>
                    </div>
                    <div class="seven-four">
                        <div class="seven-five">
                            <div class="seven-six">商品件数:</div>
                            <div class="seven-seven">4件</div>
                        </div>
                        <div class="seven-five">
                            <div class="seven-six">商品总价:</div>
                            <div class="seven-seven">9397元</div>
                        </div>
                        <div class="seven-five">
                            <div class="seven-six">活动优惠:</div>
                            <div class="seven-seven">-0元</div>
                        </div>
                        <div class="seven-five">
                            <div class="seven-six">优惠券抵扣:</div>
                            <div class="seven-seven">-0元</div>
                        </div>
                        <div class="seven-five">
                            <div class="seven-six">运费:</div>
                            <div class="seven-seven">0元</div>
                        </div>
                        <div class="seven-eight">
                            <div class="seven-nine">应付总额:</div>
                            <div class="seven-ten">
                                <em>9396</em>元
                            </div>
                        </div>
                    </div>
                </div>
                <div class="lasts">
                    <div class="lasts-one">
                        <a href="../buy/order_sub_success.html">去结算</a>
                    </div>
                    <div class="lasts-two">
                        <a href="">返回购物车</a>
                    </div>
                </div>
            </div>
        </div>
    </div>





    <!-- 底部公共部分 -->
    <div class="page-bottom">
        <ul class="address clear container">
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe607;</i>
                        <span>预约维修服务</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe603;</i>
                        <span>七天无理由退货</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe60f;</i>
                        <span>15天免费换货</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe778;</i>
                        <span>满69包邮</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe608;</i>
                        <span>520余家售后网点</span>
                    </a>

                </div>
            </li>
        </ul>
        <div class="bottom-message clear container">
            <ul class="bottom-list">
                <li>
                    <dl>
                        <dd>帮助中心</dd>
                        <dt><a href="">账户管理</a></dt>
                        <dt><a href="">购物指南</a></dt>
                        <dt><a href="">订单操作</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>服务支持</dd>
                        <dt><a href="">售后政策</a></dt>
                        <dt><a href="">自动服务</a></dt>
                        <dt><a href="">相关下载</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>线下门店</dd>
                        <dt><a href="">小米之家</a></dt>
                        <dt><a href="">服务网点</a></dt>
                        <dt><a href="">授权体验店</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>关于小米</dd>
                        <dt><a href="">了解小米</a></dt>
                        <dt><a href="">加入小米</a></dt>
                        <dt><a href="">投资者关系</a></dt>
                        <dt><a href="">企业社会责任</a></dt>
                        <dt><a href="">廉洁举报</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>关注我们</dd>
                        <dt><a href="">新浪微博</a></dt>
                        <dt><a href="">官方微信</a></dt>
                        <dt><a href="">联系我们</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>特色服务</dd>
                        <dt><a href="">F码通道</a></dt>
                        <dt><a href="">礼物码</a></dt>
                        <dt><a href="">防伪查询</a></dt>
                    </dl>
                </li>
            </ul>
            <div class="contact">
                <h2>400-100-5678</h2>
                <p>8:00-18:00（仅收市话费）</p>
                <a href="">
                    <div class="customer">
                        <i class="iconfont">&#xe605;</i>
                        <span>人工客服</span>
                    </div>
                </a>
                <div class="wbwx">
                    <span>关注小米：</span>
                    <a href=""><i class="iconfont">&#xe613;</i></a>
                    <a href=""><i class="iconfont">&#xe604;</i></a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>